﻿.app-photos{ width: 100%; display: -webkit-box; -webkit-box-orient: vertical }
  .app-photos .photos-tool-bar { -webkit-transition-delay: 100ms; -webkit-transition-duration: 300ms; background-image: -webkit-linear-gradient(rgba(44, 44, 44, 0.5), rgba(21, 21, 21, 0.5) 52%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8)); -webkit-box-orient: vertical }
    .app-photos .photos-bar-title { left: 50% }
  .app-photos .ios-photos-list { border-bottom: 1px solid #e0e0e0; height: 55px; line-height: 55px }
    .app-photos .photos-pics-count { color: gray }
    .app-photos .list-clicked { color: white }
  .app-photos .list-thumbnails { width: 55px }
  .app-photos .list-title { margin-left: 10px }
  .app-photos .list-arrow { right: 10px; -webkit-transform: translate3d(0, 23px, 0); position: absolute; display: -webkit-box; content:url(../resource/images/apps/notes/list-arrow.png)}
  .app-photos .pics-row { margin: 4px 4px 0 0 ; display: -webkit-box; -webkit-box-orient: horizontal }
    .app-photos .photos-pics { -webkit-box-orient: vertical; margin: 0 0 0 4px; background-color: rgba(0, 0, 0, 0.5); height: 75px; width: 75px; display: -webkit-box }
    .app-photos .drag-container { -webkit-box-orient: vertical; display: -webkit-box; width: 100%; height: 100% }
    .app-photos .pics-trans-lay { height: 372px; /*-webkit-box-flex: 372;*/ display: -webkit-box; }  
      .app-photos .pics-scale-lay { -webkit-transition-duration: 300ms }
      .app-photos .books-footer { text-align: center; height: 50px; line-height: 50px; color: gray }
  .app-photos .photos-pics-img { position: relative; top: -64px }
  .app-photos .photos-pic { height: 100%; display: -webkit-box; -webkit-box-orient: vertical; }
  .app-photos .photos-bottom-bar { -webkit-transition-delay: 100ms; -webkit-transition-duration: 300ms; z-index: 2; position: relative; height: 44px; /*-webkit-box-flex: 44;*/ width:100%; display: -webkit-box; background-image: -webkit-linear-gradient(rgba(44, 44, 44, 0.3), rgba(21, 21, 21, 0.3) 52%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6)) }
  .app-photos .photos-bottom-bar img { position: absolute }
  .app-photos .pics-left-btn { -webkit-transform: translate3d(83px, 13px, 0) }
  .app-photos .pics-play-btn { -webkit-transform: translate3d(152px ,13px, 0) }
  .app-photos .pics-right-btn { -webkit-transform: translate3d(212px, 13px, 0) }
  .app-photos .pics-grabage-btn { -webkit-transform: translate3d(273px, 0, 0) }